<template>
    <div style="width:100%;height:28px;line-height:28px;">
        <el-link :underline="false" style="margin:10px 20px 0 0" v-bind:style="{'color':naviSecondSelectIndex==0?'#409eff':''}" @click="goNaviSecond(0)">全部</el-link>
        <el-link :underline="false" style="margin:10px 20px 0 0" v-bind:style="{'color':naviSecondSelectIndex==1?'#409eff':''}" @click="goNaviSecond(1)">连载动画</el-link>
        <el-link :underline="false" style="margin:10px 20px 0 0" v-bind:style="{'color':naviSecondSelectIndex==2?'#409eff':''}" @click="goNaviSecond(2)">完结动画</el-link>
<!--        <el-link :underline="false" style="margin:10px 20px 0 0" v-bind:style="{'color':naviSecondSelectIndex==3?'#409eff':''}" @click="goNaviSecond(3)">资讯</el-link>-->
<!--        <el-link :underline="false" style="margin:10px 20px 0 0" v-bind:style="{'color':naviSecondSelectIndex==4?'#409eff':''}" @click="goNaviSecond(4)">新番时间表</el-link>-->
<!--        <el-link :underline="false" style="margin:10px 20px 0 0" v-bind:style="{'color':naviSecondSelectIndex==5?'#409eff':''}" @click="goNaviSecond(5)">番剧索引</el-link>-->
    </div>
</template>

<script>
    export default {
        name: "fanjuNavigator",
        data(){
            return{
                naviSecondSelectIndex:this.$store.getters.getNaviSecondSelectIndex,//二级导航选中的编号
            }
        },
        methods:{
            goNaviSecond(index){
                this.$store.commit('setNaviSecondSelectIndex', index);
                this.naviSecondSelectIndex = this.$store.getters.getNaviSecondSelectIndex;
                this.$emit('goNaciSecond',this.naviSecondSelectIndex);
                // console.log(this.naviSecondSelectIndex)
                // debugger;
            }
        }
    }
</script>

<style scoped>

</style>
